<template>
	<div>
		<div class="det_tab">
			<div v-if="list.length">
				<eagle-row v-for="(item, index) in list" :key="index" class="operate_row">
					<eagle-col span="2">{{ index + 1 }}</eagle-col>
					<eagle-col span="4">{{ item.LevelName }}</eagle-col>
					<eagle-col span="18">{{ item.OperateContent }} </eagle-col>
				</eagle-row>
			</div>
			<div v-else>
				<eagle-row class="none_row">
					<eagle-col span="4">#</eagle-col>
					<eagle-col span="6">层级说明</eagle-col>
					<eagle-col span="10">操作说明</eagle-col>
				</eagle-row>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	components: {},
	data() {
		return {
			baseUrl: process.env.VUE_APP_BASE_API,
			id: this.$route.query.recordID,
			border: false,
			list: [],
			editForm: {},
			remarks: '',
			fileList: [],
			radio: '1',
			name: '',
		}
	},

	created() {
		this.geDetail()
	},

	methods: {
		// 获取详情
		geDetail() {
			let _this = this;
			_this.$axios
			.get("/CommonAudit/GetAuditHistoryByRecord",{params:
				{
					recordID: _this.id,
					operate: 'publish',
					opController: 'TrainPlan',
				}
			})
			.then((res) => {
				_this.list = res.data
			})
		},
	},
}
</script>

<style lang="less" scoped>
.det_tab {
	background-color: #e8f1f8;
	min-height: 100vh;
}

.operate_row ,.none_row{
	padding: 10px;
	font-size: 13px;
	background-color: #fff;
	border-bottom: 1px solid #e8f1f8;
	/*margin-bottom: 10px;*/
}
</style>
